<template>
  <input class="center" type="text" :value="title" @input="firstCharUpper">
</template>
<script setup>
const prop = defineProps(['title','titleModifiers'])
const emit = defineEmits(['update:title'])
console.log("titleModefiers===>",prop.titleModifiers);
const firstCharUpper = (e)=>{
  let value = e.target.value
  if(prop.titleModifiers){
    if(prop.titleModifiers.upper){
       // abcd
      value = value.charAt(0).toUpperCase()+value.slice(1)
    }
  }
  emit('update:title',value)
}
</script>
<style>
.center{
  display: block;
  margin: 0 auto;
}
</style>